<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
</head>

<body>
    <h1>前端</h1>
    <script src="https://code.jquery.com/jquery-3.1.1.min.js"></script>
    <script>
        //第一种写法
        $.get('/index?username=哈哈&age=18', (data) => {
            console.log(data, '---get第一种写法');
        })
        $.post('/index', { username: '嗨嗨嗨', age: 18 }, (data) => {
            console.log(data, '---post第一种写法');
        })

        //第二种写法，传参data:{};
        $.ajax({
            type: "post",
            url: '/index',
            data:{
                username:'哈哈哈哈',
                age:20
            },
            success(data) {
                console.log(data, '---ajax.post--第二种写法');
            },
            //捕获错误信息
            error(err) {
                console.log(err);
            }
        })
        $.ajax({
            type: "get",
            url: '/index',
            data:{
                username:'嘿嘿嘿',
                ageL:66
            },
            success(data) {
                console.log(data, '---ajax.get--第二种写法');
            },
            //捕获错误信息
            error(err) {
                console.log(err);
            }
        })
        $.ajax({
            type: "delete",
            url: '/index',
            data:{
                data:'haha',
                age:66
            },
            success(data) {
                console.log(data, '---ajax.get--第二种写法');
            },
            //捕获错误信息
            error(err) {
                console.log(err);
            }
        })
    </script>
</body>

</html>